﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test text alignment</title>
    <style type="text/css">
        h1
        {
            text-align: center;
        }
        p.date
        {
            text-align: right;
        }
        p.main
        {
            text-align: justify;
        }
        span {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>
        CSS text-align Example</h1>
    <p class="date">
        May, 2009</p>
    <p class="main">
        In my younger and more vulnerable years my father gave me some advice that I've
        been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,'
        he told me, 'just remember that all the people in this world haven't had the advantages
        that you've had.'</p>
    <p>
        <span>Note:</span> Resize the browser window to see how the value "justify" works.</p>
    <p>
        When text-align is set to <span>"justify"</span>, each line is stretched so that every line has equal width, and the left and right margins are straight
    </p>
</body>
</html>
